<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Scrat</title>
<link rel="stylesheet" href="<%=request.getContextPath() %>/media/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="<%=request.getContextPath() %>/media/bootstrap/css/bootstrap-responsive.css">
<link rel="stylesheet" href="<%=request.getContextPath() %>/media/bootstrap/css/docs.css">
<link rel="stylesheet" href="<%=request.getContextPath() %>/media/bootstrap/css/t1_core_logged_out.bundle.css">
</head>
<body data-spy="scroll" data-target=".bs-docs-sidebar" data-twttr-rendered="true" style="background: #333;">
	<!-- Navbar -->
	<div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="brand" href="javascript:;">Scrat</a>
        </div>
      </div>
    </div>
    <!-- End of navbar -->

<!-- <div class="front-bg">
    <img class="front-image" src="https://si0.twimg.com/a/1361308931/t1/img/front_page/cricket@2x.jpg">
  </div> -->

<div class="front-card">
    <div class="front-welcome">
      <div class="front-welcome-text">
        <h1>欢迎来到 Scrat。</h1>
        <p>与你关心的人们一起，探寻变化的大千世界。</p>
      </div>

    </div>

    <div class="front-signin js-front-signin">
      <form action="https://twitter.com/sessions" class="signin" method="post">
        <div class="placeholding-input username">
          <input type="text" id="signin-email" class="text-input email-input" name="session[username_or_email]" title="用户名或邮件地址" autocomplete="on" tabindex="1">
          <label for="signin-email" class="placeholder">用户名或邮件地址</label>
        </div>
    
        <table class="flex-table password-signin">
          <tbody>
          <tr>
            <td class="flex-table-primary">
              <div class="placeholding-input password flex-table-form">
                <input type="password" id="signin-password" class="text-input flex-table-input" name="session[password]" title="密码" tabindex="2">
                <label for="signin-password" class="placeholder">密码</label>
              </div>
            </td>
            <td class="flex-table-secondary">
              <button type="submit" class="submit btn primary-btn flex-table-btn js-submit" tabindex="4">
                登录
              </button>
            </td>
          </tr>
          </tbody>
        </table>
    
        <div class="remember-forgot">
          <label class="remember">
            <input type="checkbox" value="1" name="remember_me" tabindex="3">
            <span>记住我</span>
          </label>
          <span class="separator">·</span>
          <a class="forgot" href="/account/resend_password">忘记密码?</a>
        </div>
    
        <input type="hidden" name="return_to_ssl" value="true">
    
        <input type="hidden" name="scribe_log">
        <input type="hidden" name="redirect_after_login" value="/">
        <input type="hidden" value="5a705cb4ecaa514bdd6a5a42a9400a4e389582b9" name="authenticity_token">
      </form>
    </div>    <div class="front-signup js-front-signup">
      <h2><strong>新来 Scrat?</strong> 注册</h2>
    
      <form action="https://twitter.com/signup" class="signup" method="post">
        <div class="placeholding-input">
          <input type="text" id="signup-user-name" class="text-input" autocomplete="off" name="user[name]" maxlength="20">
          <label for="signup-user-name" class="placeholder">全名</label>
        </div>
        <div class="placeholding-input">
          <input type="text" id="signup-user-email" class="text-input email-input" autocomplete="off" name="user[email]">
          <label for="signup-user-email" class="placeholder">邮件地址</label>
        </div>
        <div class="placeholding-input">
          <input type="password" id="signup-user-password" class="text-input" name="user[user_password]">
          <label for="signup-user-password" class="placeholder">密码</label>
        </div>
    
        <input type="hidden" value="" name="context">
        <input type="hidden" value="5a705cb4ecaa514bdd6a5a42a9400a4e389582b9" name="authenticity_token">
        <button type="submit" class="btn signup-btn">
          注册 Scrat
        </button>
      </form>
    </div>
  </div>

	<script type="text/javascript" src="<%=request.getContextPath() %>/media/js/tools/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath() %>/media/bootstrap/js/bootstrap.js"></script>
	<script type="text/javascript" src="<%=request.getContextPath() %>/media/bootstrap/js/application.js"></script>
</body>
</html>